<template>
    <section class="setting">
        <div class="setting_header"> 
          <span class="_txt">设置</span>
          <span class="jiantou" @click="goTo('/mine')">
          <i class="el-icon-arrow-left" ></i>
          </span>
        </div>
        <div class="setting_main">
          <div class="main_function">
              <div class="divide"></div> 
              <div class="function_bank"  @click="goTo('/set')">
                <span class="_txt">账号管理</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="divide"></div> 
              <div class="function_phone" @click="goTo('/setting')">
                <span class="_txt">手机验证</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="divide"></div> 
              <div class="function_id" @click="goTo('/setting')"> 
                <span class="_txt">身份验证</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>
              <div class="divide"></div>     
              <div class="function_binding" @click="goTo('/setting')"> 
                <span class="_txt">银行账户绑定</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>
              <div class="divide"></div>     
              <div class="function_safety" @click="goTo('/safe')">  
                <span class="_txt">账户安全</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>                                                                                
              </div>
              <div class="divide"></div>     
              <div class="function_help" @click="goTo('/setting')">  
                <span class="_txt">帮助与反馈</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>                                                                                
              </div>
              <div class="divide"></div>     
              <div class="function_back" @click="goTo('/setting')">  
                <span class="_txt">退出登录</span>                                                                                
              </div>
              <div class="footer"></div> 
          </div>
        </div>  
    </section>
    

</template>

<script>
export default {
    methods: {
      goTo:function(Path){
          this.$router.replace(Path);
      }
    }
  }               
</script>


<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../common/stylus/mixins.styl"
  .setting //我的
    width 100%
    height 800px
    .setting_header
        width 100%
        height 70px
        background-color #c7000b
        font-size 20px
        text-align center
        line-height 70px
        color #ffffff
        .jiantou
          display block
          position absolute
          left 10px 
        ._txt
          width 325px
          position absolute
          left 20px
    .setting_main
        width 100%
        height 730px
        .main_function
            width 100%
            height 690px
            .function_bank
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px
            .divide
              width 100%
              height 10px
              background-color #F5F5F5 
              border-top 1px solid #F5F5F5
            .function_phone
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px
                    border-top 1px solid #F5F5F5
            .function_id
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px
                    border-top 1px solid #F5F5F5   
            .function_binding
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px
                    border-top 1px solid #F5F5F5
            .function_safety
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                border-bottom 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px
            .function_help
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solid #F5F5F5
                border-bottom 1px solid #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 325px
                    position absolute
                    font-size 16px
                    left 20px    
            .function_back
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                text-align center
                border-top 1px solid #F5F5F5
                border-bottom 1px solid #F5F5F5 
                color black  
                ._txt
                    width 325px
                    position absolute
                    font-size 20px
                    left 20px    
            .footer
              width 100%
              height 110px
              background-color #F5F5F5 
              border-top 1px solid #F5F5F5                                                      
                                                          
</style>